// --------------------------------------
// Fluid
// https://github.com/fluid-dev/hexo-theme-fluid
// --------------------------------------

@import "_variables/base"

@import "_functions/base"

@import "_mixins/base"

@import "_pages/pages"

::-webkit-scrollbar
  width 8px
  height 8px

::-webkit-scrollbar-track
  background $scrollbar-track-background
  border-radius 8px

::-webkit-scrollbar-thumb
  background $scrollbar-thumb
  border-radius 8px

body 
  #banner 
    position relative
    overflow hidden
    img
      position absolute
      top 0
      left 0
      width 100%
      height 100%
      animation perspectiveAnimation 8s ease-in-out infinite alternate


@keyframes perspectiveAnimation
  from
    transform perspective(62.5rem) translateZ(0)
  to
    transform perspective(62.5rem) translateZ(6.25rem)
